<script setup>
  import {ref} from 'vue'
  import {useRouter} from 'vue-router'

  let router = useRouter()

  let username = ref('')
  let password = ref('')

  function login(){
    // 获取账户和密码 账号和密码如果是root 123456则判断登录成功
    // 登录成功，跳转/home
    // 登录失败，不跳转页面并提示
    if(username.value=='root' && password.value=='123456'){
      // 将用户名保存在浏览器
      window.sessionStorage.setItem('username',username.value)
      // 路由跳转 /home 编程式路由
      router.push('/home')

    }else{
      alert("用户名或者密码错误")
    }

  }
</script>

<template>
  <div>
    账号: <input type="text" v-model="username"> <br>
    密码: <input type="password" v-model="password"> <br>
    <button @click="login()">登录</button>
  </div>
</template>

<style scoped>
</style>
